<template>
	<view class="tabbox">
		<scroll-view scroll-y="true" :style="{height:height+'px'}">
			<view class="server-list box d-ai-c">
				<view class="ml-4">
					服务类型
				</view>
				<view class="ml-4" v-if="type==1">
					门诊陪伴
				</view>
				<view class="ml-4" v-if="type==2">
					血透门诊陪伴
				</view>
				<view class="ml-4" v-if="type==3">
					代配药服务
				</view>
				<!-- <view class="">
					<dropdown :list="list" @onClick="dropDownChange" :type="type"/>
				</view> -->
			</view>
			<view class="server-list box d-ai-c">
				<view class="ml-4">
					服务对象
				</view>
				<view class="select ml-4 tint" v-if="serverUser==''" @tap="JumpdocUser">
					请选择服务对象
				</view>
				<view class="select ml-4 tint" v-else @tap="JumpdocUser" style="color: #333333;font-size: 30rpx;">
					{{serverUser.name}}
				</view>
				<image class="xing" src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/xing@2x.png" mode=""></image>
			</view>
			<view class="server-list box d-ai-c" v-if="type==3">
				<radio-group @change="radioChange" class="box">
					<label class="uni-lab box ml-4" v-for="(item, index) in items" :key="item.value">
						<view>
							<radio :value="item.value" :color="show"  :checked="index === current" />
						</view>
						<view class="" style="color: #333333;font-weight: bold;font-size: 31rpx;">
							<text>{{item.name}}</text>
						</view>
					</label>
				</radio-group>
			</view>
			<view class="server-list box d-ai-c" v-if="type!=3">
				<view class="ml-4">
					就诊医院
				</view>
				<view class="select ml-4 box d-ai-c" @tap="Jumphospital">
					<image src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/dizhi@2x.png" mode=""></image>
					<view class="ml-1 tint" v-if="hospitalInfo.name==undefined||hospitalInfo.name==''">请选择就诊医院</view>
					<view class="ml-1 tint" v-else style="width: 438rpx;color: #333333;font-size: 30rpx;">{{hospitalInfo.name}}</view>
				</view>
				<image class="xing" src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/xing@2x.png" mode=""></image>
			</view>
			<!-- 配药医院 -->
			<view class="server-list box d-ai-c" v-if="medicine==1&&type==3">
				<view class="ml-4">
					配药医院
				</view>
				<view class="select ml-4 box d-ai-c" @tap="Jumpdrugstore(2)">
					<image src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/dizhi@2x.png" mode=""></image>
					<view v-if="drugshopata.name==undefined||drugshopata.name==''" class="ml-1 tint">请选择配药医院</view>
					<view v-else class="ml-1 tint" style="width: 438rpx; color: #333333;font-size: 30rpx;">{{drugshopata.name}}</view>
				</view>
				<image class="xing" src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/xing@2x.png" mode=""></image>
			</view>
			<!-- 配药药店 -->
			<view class="server-list box d-ai-c" v-if="medicine==2&&type==3">
				<view class="ml-4">
					配药药店
				</view>
				<view class="select ml-4 box d-ai-c" @tap="Jumpdrugstore(3)">
					<image src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/dizhi@2x.png" mode=""></image>
					<view v-if="drugshopata.name==undefined||drugshopata.name==''" class="ml-1 tint">请选择配药药店</view>
					<view v-else class="ml-1 tint" style="width: 438rpx;color: #333333;font-size: 30rpx;">{{drugshopata.name}}</view>
				</view>
				<image class="xing" src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/xing@2x.png" mode=""></image>
			</view>
			<view class="server-list box d-ai-c">
				<view class="ml-4">
					出发时间
				</view>
				
				<view class="select ml-4 tint">
					
					<view class="">
						<view class="" style="color: #999999;font-size: 30rpx;font-weight: 0;">
						<uni-datetime-picker :medic="type" type="datetime" v-model="starttime" @change="changeLog" />
							<!-- 当天11点过后请预约第二天 -->
						</view>					
					</view>
				</view>
				<image class="xing" src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/xing@2x.png" mode=""></image>
			</view>
			<view class="">
				<view class="server-list box d-ai-c">
					<view class="ml-4">
						出发地点
					</view>
					<view class="select ml-4 box d-ai-c" @tap="Jumpmap">
						<image src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/dizhi@2x.png" mode=""></image>
						<view class="tint ml-1" v-if="address==''">请选择出发地点</view>
						<view class="tint ml-1" v-else style="width: 400rpx; color: #333333;font-size: 30rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{address}}</view>
					</view>
					<image class="xing" src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/xing@2x.png" mode=""></image>
				</view>
				<view class="" style="height: 70rpx;background-color: #FFFFFF;">
					<input style="margin-left: 200rpx;" type="text" value="" placeholder="请输入详细的门牌号码(例1-101)" v-model="detaiaddress" placeholder-style="font-weight: 500;color: #CCCCCC;"/>
				</view>
			</view>
			<!-- 代配药 所患疾病 -->
			<view class="server-list box d-ai-c" v-if="type==3">
				<view class="ml-4">
					所患疾病
				</view>
				<input @blur="onBlur" style="width: 430rpx;" class="select ml-4" v-model="disease" type="text" value="" placeholder="请输入服务对象所患疾病" />
				<image class="xing" src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/xing@2x.png" mode=""></image>
			</view>
			<!-- 代配药 目前症状 -->
			<view class="server-list box d-ai-c" v-if="type==3">
				<view class="ml-4">
					目前症状
				</view>
				<input @blur="onfocus1" style="width: 430rpx;" class="select ml-4" v-model="symptom" type="text" value="" placeholder="请输入服务对象目前症状" />
				<image class="xing" src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/xing@2x.png" mode=""></image>
			</view>
			<!-- 代配药 备注 -->
			<view class="server-list box d-ai-c" v-if="type==3">
				<view class="ml-4">
					备注
				</view>
				<input @blur="onfocus2" class="select" style="margin-left: 50px;width: 430rpx;" v-model="remark1" type="text" value="" placeholder="注意事项等" />
				<!-- <image class="xing" src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/xing@2x.png" mode=""></image> -->
			</view>
			<!-- <view class="server-list" @tap="chgStatus">
				<label>
				    <radio :checked="checked" color='#FF9338' class="form-radio" />
					<text class="colorOrange">我已阅读并同意</text><text class="colorOrange" @click.stop="jumpTo"> 《相伴医路用户服务协议》</text>
				</label>
			</view> -->
			<view class="server-list box">
				<view class="list-1 box d-ai-c d-jc-c" @tap="Jumptravel">
					<image v-if="triptype==0" src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/chuxing@2x.png" mode=""></image>
					<image v-if="triptype!==0" src="../../static/chuxing2@2x.png" mode=""></image>
					<view class="ml-1" v-if="triptype==0">
						选择出行方式
					</view>
					<view class="ml-1 orange" v-if="triptype==1">
						公交车
					</view>
					<view class="ml-1 orange" v-if="triptype==2">
						网约车
					</view>
					<view class="ml-1 orange" v-if="triptype==3">
						步行
					</view>
					<view class="ml-1 orange" v-if="triptype==4">
						非急救转运
					</view>
				</view>
				<view class="list-1 box d-ai-c d-jc-c" @tap="JumpAttendant">
					<image v-if="attendant.name==''" src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/peizhenyuan@2x.png" mode=""></image>
					<image v-if="attendant.name!==''" src="../../static/pzy2@2x.png" mode=""></image>
					<view class="ml-1" v-if="attendant.name==''">
						选择陪诊员
					</view>
					<view class="ml-1 orange" v-if="attendant.name!==''">
						{{attendant.name}}
					</view>
				</view>
			</view>
			<view class="bottom">
				<view class="server-list1" @tap="chgStatus">
					<label>
					    <radio :checked="checked" color='#FF9338' class="form-radio" />
						<text class="colorOrange">我已阅读并同意</text><text class="colorOrange" @click.stop="jumpTo"> 《相伴医路用户服务协议》</text>
					</label>
				</view>
				<view class="btn" @tap="Jumporder">
					提交预约
				</view>
			</view>
		</scroll-view>
		
		<wybpopup ref="popup" type='center' :width="620" :height="790" :radius="0">
			<view class="popup-header box d-ai-c">
				<view class="flex-8">
					选择出行方式
				</view>
				<image @tap="close" src="https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/guanbi@2x (1).png" mode=""></image>
			</view>
			<view class="content-type">
				<radio-group @change="radioChange1" class="box d-f-wrap">
					<label class="type_list" v-for="(item,index) in traveltype">
						<image class="car-image" :src="item.images" mode=""></image>
						<view class="">
							{{item.name}}
						</view>
						<view class="mt-1">
							<radio :value="item.triptype" :color="show"  :checked="item.checked" />
						</view>
					</label>
					
				</radio-group>
			</view>
			<view class="typeBtn" @tap="tripsure">
					确定
			</view>
		</wybpopup>
	</view>
</template>

<script>
	import wybpopup  from '@/components/wyb-popup/wyb-popup.vue'
	import simpleDatetimePicker from '@/components/buuug7-simple-datetime-picker/simple-datetime-picker.vue'
	export default {
		components: {
		          wybpopup,
				  simpleDatetimePicker
		       },
		onLoad(option) {
			uni.$off("serviceobject")
			uni.$off("choosehospital")
			uni.$off("chooseattendant")
			uni.$off("drugshop")
			this.type = option.type
			this.contraststype = option.contraststype
			if(this.type==undefined){
				this.type = 1
				this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/977.mp3')
			}else if(this.type == 1){
				this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/977.mp3')
		
			}else if(this.type == 2){
				this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/96.mp3')
			
			}else if(this.type == 3){
				this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/97.mp3')
			
			}
			this.hospitalInfo.id = option.id
			this.hospitalInfo.name = option.name
			if(option.drugtype==2){
				this.medicine = 1
			}else if(option.drugtype==3){
				this.medicine = 2
				this.current = 1
			}
			this.name = option.name
			this.id = option.id
			this.drugshopata.name = option.name
			this.drugshopata.id = option.id
		},
		onUnload() {
			console.log('--------')
			
			
		},
		onReady() {
			uni.getSystemInfo({
				success: (res) => {
					this.height = res.windowHeight - uni.upx2px(262)
				}
			})
		},
		onShow() {
			uni.$off("serviceobject")
			uni.$off("choosehospital")
			uni.$off("chooseattendant")
			uni.$off("drugshop")
			let _this = this
			uni.$once('serviceobject',function(data){
				console.log("999999999999999999")
				console.log(data)
				_this.serverUser = data
				if(_this.type!=3){
					this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/7.mp3')
				}
				if(_this.medicine==1&&_this.type==3){
					this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/91.mp3')					
				}
			})
			uni.$once('choosehospital',function(data){
				_this.hospitalInfo = data
				// setTimeout((res) => {
						this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/8.mp3')
				// },1000);
				
			})
			uni.$once('chooseattendant',function(data){
				console.log(data)
				_this.attendant = data
			})
			uni.$once('drugshop',function(data){
				console.log(data)
				_this.drugshopata = data
				if(_this.medicine==1&&_this.type==3){
					this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/8.mp3')
					
				}else if(_this.medicine==2&&_this.type==3){
					this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/8.mp3')
					
				}
				
			})
			
		},
		data() {
			return {
				is_login:true,
				name:'',
				id:'',
				contraststype:'',
				list:[{
						value: '1',
						name: '门诊陪伴'
					},
					{
						value: '2',
						name: '血透门诊陪伴',
					},{
						value: '3',
						name: '代配药服务',
					}
				
				
				],
				drugshopata:{
					id:'',
					name:''
				}, //药店信息
				remark1:'',//备注
				disease:'', //所患疾病
				symptom:'', //目前症状
				current1:1,
				detaiaddress:'',
				attendant:{
					id:'',
					name:''
				},  //陪诊
				starttime:'', //开始时间
				hospitalInfo:{
					id:'',
					name:''
				}, //选择医院
				serverUser:'',  //服务对象
				address:'',
				latitude:'',
				longitude:'',
				height:400,
				medicine:1,
				show:'#FF8338',
				items: [{
						value: '1',
						name: '医院配药'
					},
					{
						value: '2',
						name: '药店配药',
					}
				
				],
				current: 0,
				type:1, //1: 门诊陪伴 2:血透 3:代配药
				checked:true,
				triptype:0,
				traveltype:[{
					triptype:1,
					name:'公交车',
					images:'https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/gongjiaoche@2x.png',
					checked:false
				},{
					triptype:2,
					name:'网约车',
					images:'https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/wangyueche@2x.png',
					checked:false
				},{
					triptype:3,
					name:'步行',
					images:'https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/buxing@2x.png',
					checked:false
				},{
					triptype:4,
					name:'非急救转运',
					images:'https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/images/index/feijijiu@2x.png',
					checked:false
				}]
			}
		},
		methods: {
			onBlur(){
				this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/93.mp3')
			},
			onfocus1(){
				this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/94.mp3')
			},
			onfocus2(){
				this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/11.mp3')
			},
			dropDownChange(e){
				this.type = e
				console.log(this.type)
			},
			jumpTo(){
				uni.navigateTo({
					url:'../mine/serviceagreement'
				})
			},
			changeLog(e) {
				console.log('----change事件:', e);
				this.starttime = e
					this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/9.mp3')
			},
			Jumpdrugstore(type){
				uni.navigateTo({
					url:'drugstore?type='+type
				})
			},
			tripsure(){
				this.$refs.popup.hide()
			},
			radioChange1: function(evt) {
				let _this = this
				console.log(evt)
				_this.triptype = evt.detail.value
				for (let i = 0; i < _this.traveltype.length; i++) {
					if (_this.traveltype[i].triptype === evt.detail.value) {
						_this.current1 = i;
						break;
					}
				}
				setTimeout(()=>{
					_this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/103.mp3')
				},100)
				
			},
			// selecttrip(checked){
			// 	checked = true
			// },
			// 打开picker
			openDatetimePicker() {
				this.$refs.myPicker.show();
			},
			// 监听选择
			handleSubmit(e) {
				this.starttime = `${e.year}-${e.month}-${e.day} ${e.hour}:${e.minute}`;
				console.log(this.starttime);
			},
			Jumpmap(){
					let _this = this
					uni.chooseLocation({
					    success: function (res) {
					        console.log('位置名称：' + res.name);
					        console.log('详细地址：' + res.address);
					        console.log('纬度：' + res.latitude);
					        console.log('经度：' + res.longitude);
							_this.address = res.address
							_this.latitude = res.latitude
							_this.longitude = res.longitude
							if(_this.type==3){
								setTimeout(()=>{
									_this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/92.mp3')
									console.log("======")
								},1000)
					
							}else{
								setTimeout(()=>{
									_this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/11.mp3')
									console.log("==----====")
								},1000)
								
								
							}
							
					    }
					});
				
			},
			radioChange:function(evt) {
				let _this = this
				console.log(evt.detail)
				_this.typeDrug = evt.detail.value
				_this.medicine = evt.detail.value
				if(_this.medicine==1){
					_this.drugshopata = ''
					_this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/91.mp3')
				}else if(_this.medicine==2){
					_this.drugshopata = ''
					_this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/90.mp3')
				}
				for (let i = 0; i < _this.items.length; i++) {
					if (_this.items[i].value === evt.detail.value) {
						_this.current = i;
						break;
					}
				}
			},
			chgStatus(){
				if(this.checked){
				    this.checked = false;
				}else{
					this.checked = true;
				}
			}, //您选择的是代配药服务
			Jumporder(){
				if(this.checked==false){
					this.audioplay('https://xb-street.oss-cn-shanghai.aliyuncs.com/xb-doctor/static/audio/10.mp3')
				    uni.showToast({
				    	title:'请先同意协议',
						icon:"none"
				    })
				    return;	
				}
				if(this.type==3){
					if(this.startTime==''||this.type==''||this.startLatitude==''||this.startLongitude==''||this.address==''||this.detaiaddress==''||this.serverUser.id==''||this.drugshopata.id==''||this.triptype==0||this.disease==''||this.symptom==''||this.medicine==''){
						uni.showToast({
							title:'请检查信息是否填写完整',
							icon:"none"
						})
					}else{
						this.$api.submitorder({
							startTime:this.starttime,
							type:this.type,
							startLatitude:this.latitude,
							startLongitude:this.longitude,
							startAddress:this.address+this.detaiaddress,
							patientId:this.serverUser.id,
							hospitalDrugId:this.drugshopata.id,
							accompanyId:this.attendant.id,
							tripType:this.triptype,
							isDelete:0,
							disease:this.disease,
							symptom:this.symptom,
							typeDrug:this.medicine,
							remark1:this.remark1
						}).then((res) => {
							if(res.data.success){
								console.log(res.data.dataMap)
								var editItem = res.data.dataMap.orderNo
								uni.navigateTo({
									url:'orderappoint?editItem='+editItem
								})
							}else{
								uni.showToast({
									title:res.data.message,
									icon:"none"
								})
							}
									
						})
					}
					
				}else{
					if(this.startTime==''||this.type==''||this.startLatitude==''||this.startLongitude==''||this.address==''||this.detaiaddress==''||this.serverUser.id==''||this.triptype==0||this.hospitalInfo.id==''){
						uni.showToast({
							title:'请检查信息是否填写完整',
							icon:"none"
						})
					}else{
						this.$api.submitorder({
							startTime:this.starttime,
							type:this.type,
							startLatitude:this.latitude,
							startLongitude:this.longitude,
							startAddress:this.address+this.detaiaddress,
							patientId:this.serverUser.id,
							hospitalDrugId:this.hospitalInfo.id,
							accompanyId:this.attendant.id,
							tripType:this.triptype,
							isDelete:0,
						}).then((res) => {
							if(res.data.success){
								console.log(res.data.dataMap)
								var editItem = res.data.dataMap.orderNo
								uni.navigateTo({
									url:'orderappoint?editItem='+editItem
								})
							}else{
								uni.showToast({
									title:res.data.message,
									icon:"none"
								})
							}
									
						})
					}
				}
				
			},
			JumpdocUser(){
				uni.navigateTo({
					url:'doc-person'
				})
			},
			Jumphospital(){
				uni.navigateTo({
					url:'Clinichospital'
				})
			},
			Jumptravel(){
				this.$refs.popup.show()
			},
			close(){
				this.$refs.popup.hide()
			},
			JumpAttendant(){
				uni.navigateTo({
					url:'chooseAttendant'
				})
			},
			// Jumporder(){
			// 	uni.navigateTo({
			// 		url:'orderappoint'
			// 	})
			// },
			
		}
	}
</script>

<style lang="less">
.tabbox{
	background: #F2F7FF;
	padding: 30rpx;
	position: relative;
}
.bottom{
	width: 750rpx;
	height: 222rpx;
	background-color: #F2F7FF;
	position: fixed;
	padding-bottom:40rpx ;
	bottom: 0rpx;
	left: 0;
	z-index: 1000;
	.btn{
		width: 690rpx;
		height: 100rpx;
		background: #FF8338;
		border-radius: 50rpx;
		line-height: 100rpx;
		text-align: center;
		font-size: 32rpx;
		font-weight: bold;
		color: #FFFFFF;
		margin: 0 auto;
	}
}
.server-list1{
	width:750rpx;
	height: 100rpx;
	line-height: 100rpx;
	// background: #FFFFFF;
	margin-top: 3rpx;
	font-size: 30rpx;
	text-align: center;
	// font-weight: bold;
	color: #333333;
	}
.server-list{
	width: 690rpx;
	height: 100rpx;
	line-height: 100rpx;
	background: #FFFFFF;
	margin-top: 3rpx;
	// text-align: center;
	position: relative;
	.xing{
		width: 16rpx;
		height: 15rpx;
		position: absolute;
		top: 37rpx;
		left: 25rpx;
	}
	view:nth-child(1){
		font-size: 32rpx;
		// font-weight: bold;
		color: #333333;
	}
	.form-radio{
		margin-left: 30rpx;
	}
	.colorOrange{
		font-size: 30rpx;
		color: #4CA8FD;
	}
	.tint{
		color: #999999;
		overflow:hidden; //超出的文本隐藏
		text-overflow:ellipsis; //溢出用省略号显示
		white-space:nowrap; //溢出不换行
	}
	.select{
		image{
			width: 25rpx;
			height: 30rpx;
		}
	}
	.list-1{
		width: 345rpx;
		image{
			width: 40rpx;
			height: 40rpx;
		}
		view{
			font-size: 32rpx;
			font-weight: 500;
			color: #333333;
		}
		.orange{
			color: #FF8338 ;
		}
	}
}
.popup-header{
	height: 100rpx;
	padding: 0 30rpx 0 30rpx;
	view{
		font-size: 32rpx;
		font-weight: bold;
		color: #333333;
	}
	image{
		width: 48rpx;
		height: 48rpx;
	}
}
.content-type{
	width: 480rpx;
	height: 520rpx;
	// border:1px solid red;
	margin: 0 auto;
	margin-top: 37rpx;
	.type_list{
		width: 240rpx;
		height: 260rpx;
		text-align: center;
		.car-image{
			width: 100rpx;
			height: 100rpx;
		}
		.status{
			width: 48rpx;
			height: 48rpx;
		}
	}
}
.typeBtn{
			width: 620rpx;
			height: 100rpx;
			background: #FF8338;
			line-height: 100rpx;
			text-align: center;
			color: #FFFFFF;
			font-size: 30rpx;
			position: fixed;
			bottom: 0rpx;
		}

</style>
